<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./font_2z7egrywqnf/demo.css">
    <link rel="stylesheet" href="./font_2z7egrywqnf/iconfont.css">
    <link rel="stylesheet" href="./font_yl7t8forqf/demo.css">
    <link rel="stylesheet" href="./font_yl7t8forqf/iconfont.css">
    <style>
        *{
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }
        li{
            list-style-type: none;
        }
        .div1 img{
            width: 375px;
            height: 20px;
        }
        .dw{
            font-size: 25px;
            margin-right: 9px;
        }
        .ld{
            font-size: 25px;
            margin-left: 42px;
        }
        .div2{
            margin-left: 10px;
            margin-top: 16px;
        }
        input{
            width: 295px;
            height: 32px;
            border-radius: 0px 20px 20px 0px;
            border-left: white;
            position: relative;
            top: -32px;
            left: 44px;
        }
        .sous{
            width: 44px;
            height: 32px;
    
            border-radius: 20px 0px 0px 20px;
            font-size: 20px;
            padding-top: 5px;
            padding-left: 16px;
            border: 2px solid black;
            border-right: white; 
        }
        .div3{
            margin-top: 16px;
            margin-left: 18px;
        }
        .div4{
            width: 339px;
            height: 86px;
            background-image: url(./11.png);
            background-size: 100%;
            border-radius: 10px;
            margin-left: 18px;
            position: relative;
            top: -22px;
        }
        .div5 ul{
            display: flex;
        }
        .div5 ul img{
            width: 40px;
            height: 40px;
        }
        .div6{
            width: 48px;
            height: 17px;
            font-size: 10px;
        }
        .div5 ul li{
            margin-right: 23px;
        }
        .div5 .ul1 img{
            width: 40px;
            height: 40px;
        }
        .div5 .ul1{
            margin-top: 18px;
        }
        .div5{
            margin-left: 26px;
        }
        .div7{
            margin-top: 16px;
            width: 375px;
            height: 10px;
            background-color: rgb(201, 201, 201);
        }
        .div8{
            width: 72px;
            height: 25px;
            margin-top: 16px;
            margin-left: 18px;
        }
    </style>
</head>
<body>
    <div class="div1">
        <img src="./头部.png" alt="">
        <div class="div2">
            <span class="dw iconfont icon-31dingwei"></span>
            <span class="wz">北京理工大学国防科技园2号楼10层</span>
            <span class="ld iconfont icon-lingdang"></span>
        </div>
        <div class="div3">
            <p class="sous iconfont icon-sousuo"></p>
            <input type="text" placeholder="山姆会员商店">
        </div>
        <div class="div4">

        </div>
        <div class="div5">
            <ul>
                <li><img src="./超市.png" alt="">
                    <div class="div6">超市便利</div>
                </li>
                <li><img src="./超市.png" alt="">
                    <div class="div6">超市便利</div>
                </li>
                <li><img src="./超市.png" alt="">
                    <div class="div6">超市便利</div>
                </li>
                <li><img src="./超市.png" alt="">
                    <div class="div6">超市便利</div>
                </li>
                <li><img src="./超市.png" alt="">
                    <div class="div6">超市便利</div>
                </li>
            </ul>
            <ul class="ul1">
                <li><img src="./超市.png" alt="">
                    <div class="div6">超市便利</div>
                </li>
                <li><img src="./超市.png" alt="">
                    <div class="div6">超市便利</div>
                </li>
                <li><img src="./超市.png" alt="">
                    <div class="div6">超市便利</div>
                </li>
                <li><img src="./超市.png" alt="">
                    <div class="div6">超市便利</div>
                </li>
                <li><img src="./超市.png" alt="">
                    <div class="div6">超市便利</div>
                </li>
            </ul>
        </div>
        <div class="div7"></div>
        <div class="div8">
            附近店铺
        </div>
    </div>
</body>
</html>
